<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="../css/shuaiba.css" />
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/swiper.min.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <script type="text/javascript" src="../js/flexible.debug (1).js" ></script>
	<script type="text/javascript" src="../js/flexible_css.debug (1).js" ></script>
	</head>
	<body>
		<header class="_header">
            <p>帅吧</p>      
        </header>
        
		<div class="_header_nav">
			<ul>
				<li class="_all _true">最热</li>
				<li class="_true">型男改造</li>
				<li class="_true">搭配</li>
                <li class="_true">发型</li>
                <li class="_true">潮流</li>
				<li class="_true">护理</li>
			</ul>
		</div>


		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">					
					<div class="solid_box">
					<dl>
						<dt><img src="../images/shauiba/logo_1.png" alt=""></dt>
						<dd>
							<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
							<span><img src="../images/shauiba/hair.png" alt="">4639</span>
						</dd>
					</dl>
					</div>
					
					<div class="solid_box">
						<dl>
							<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
							<dd>
								<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
								<span><img src="../images/shauiba/hair.png" alt="">4639</span>
							</dd>
						</dl>
					</div>
					<div class="solid_box">
						<dl>
							<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
							<dd>
								<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
								<span><img src="../images/shauiba/hair.png" alt="">4639</span>
							</dd>
						</dl>
					</div>
					
				</div>
				
				<div class="swiper-slide">					
					<div class="solid_box">
						<dl>
							<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
							<dd>
								<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
								<span><img src="../images/shauiba/hair.png" alt="">4639</span>
							</dd>
						</dl>
					</div>
					<div class="solid_box">
						<dl>
							<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
							<dd>
								<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
								<span><img src="../images/shauiba/hair.png" alt="">4639</span>
							</dd>
						</dl>
					</div>
					<div class="solid_box">
						<dl>
							<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
							<dd>
								<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
								<span><img src="../images/shauiba/hair.png" alt="">4639</span>
							</dd>
						</dl>
					</div>
					</div>		

					<div class="swiper-slide">					
						<div class="solid_box">
							<dl>
								<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
								<dd>
									<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
									<span><img src="../images/shauiba/hair.png" alt="">4639</span>
								</dd>
							</dl>
						</div>
						<div class="solid_box">
							<dl>
								<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
								<dd>
									<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
									<span><img src="../images/shauiba/hair.png" alt="">4639</span>
								</dd>
							</dl>
						</div>
							
						</div>	
						
						<div class="swiper-slide">					
							<div class="solid_box">
								<dl>
									<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
									<dd>
										<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
										<span><img src="../images/shauiba/hair.png" alt="">4639</span>
									</dd>
								</dl>
							</div>
						</div>		
						<div class="swiper-slide">					
							<div class="solid_box">
								<dl>
									<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
									<dd>
										<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
										<span><img src="../images/shauiba/hair.png" alt="">4639</span>
									</dd>
								</dl>
							</div>
							<div class="solid_box">
								<dl>
									<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
									<dd>
										<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
										<span><img src="../images/shauiba/hair.png" alt="">4639</span>
									</dd>
								</dl>
							</div>
						</div>		
						<div class="swiper-slide">					
							<div class="solid_box">
								<dl>
									<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
									<dd>
										<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
										<span><img src="../images/shauiba/hair.png" alt="">4639</span>
									</dd>
								</dl>
							</div>
							<div class="solid_box">
								<dl>
									<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
									<dd>
										<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
										<span><img src="../images/shauiba/hair.png" alt="">4639</span>
									</dd>
								</dl>
							</div>
							<div class="solid_box">
								<dl>
									<dt><img src="../images\shauiba\logo_1.png" alt=""></dt>
									<dd>
										<p><img src="../images/shauiba/1.png" alt="">杜少文</p>
										<span><img src="../images/shauiba/hair.png" alt="">4639</span>
									</dd>
								</dl>
							</div>
						</div>		

			</div>
		</div>
		<footer class="footer">
			<dl>
				<dd><a href="menu.html"><img src="../images/shauiba/footer_1.png" /></dd></a>
				<dt>首页</dt>
			</dl>
			<dl>
				<dd><a href="danpin.html"><img src="../images/shauiba/footer_2.png" /></dd></a>
				<dt>单品</dt>
			</dl>
			<dl>
				<dd><a href="dapei.html"><img src="../images/shauiba/footer_3.png" /></dd></a>
				<dt>搭配</dt>
			</dl>
			<dl>
				<dd><a href="shuaiba.html"><img src="../images/shauiba/footer_4.png" /></dd></a>
				<dt>帅吧</dt>
			</dl>
			<dl>
				<dd><a href="me.html"><img src="../images/shauiba/footer_5.png" /></dd></a>
				<dt>我的</dt>
			</dl>
		</footer>
		


		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js" ></script>
		<script>
			 var _nav = new Swiper('.swiper-container', {
		        spaceBetween: 50,
		        speed: 500,
		        onSlideChangeStart: function () {
		            $("._header_nav ._all").removeClass('_all')
		            $("._header_nav li").eq(_nav.activeIndex).addClass('_all')
		        }
		    });
		    $("._header_nav li").on('touchstart mousedown', function (e) {
		        e.preventDefault()
		        $("._header_nav ._all").removeClass('_all')
		        $(this).addClass('_all')
		        _nav.slideTo($(this).index())
		    })
		    $(".m-list li").click(function (e) {
		        e.preventDefault()
		    })

		</script>
	</body>
</html>

